<template>

	<view class="tips">
		<text class="time">
			{{LeftText}}
		</text>
		<text class="state" :style="ColorStyle">
			{{RightText}}
		</text>
	</view>
</template>

<script>
	export default {
		props: {
			leftText: String,
			rightText: String,
			color: ''
		},

		computed: {
			ColorStyle() {
				return `color:${this.color || '#ccc'}`
			},
			LeftText() {
				return this.leftText || '派单'
			},
			RightText() {
				return this.rightText || '状态'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.tips {
		padding-top: 20rpx;
		display: flex;
		// margin-top: 20rpx;

		>.time {
			font-weight: 600;
			font-size: 28rpx;
			color: #98A5B3;
			flex: 3;
		}

		>.state {
			font-weight: 600;
			font-size: 28rpx;
			flex: 2;
			text-align: right;
		}
	}
</style>
